<template>
	<view class="payment-success">
		<view class="title">支付成功</view>
		<view class="icon-container">
			<!-- <image src="/static/success-icon.png" class="success-icon"></image> -->
			<uni-icons type="checkbox" size="120" color="#4caf50"></uni-icons>
		</view>
		<view class="message">感谢您的购买</view>
		<view class="button-container">
			<button class="button" @click="last()">返回首页</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad(per) {
			// console.log(per, 222222222);
		},
		methods: {
			last(){
				uni.switchTab({
					url: '/pages/index/index'
				});

			}

		}
	}
</script>

<style>
	.payment-success {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100vh;
		background-color: #f5f5f5;
	}

	.title {
		font-size: 24px;
		color: #333;
		margin-bottom: 20px;
	}

	.icon-container {
		margin-bottom: 30px;
	}

	.success-icon {
		width: 120px;
		height: 120px;
	}

	.message {
		font-size: 18px;
		color: #666;
		margin-bottom: 40px;
	}

	.button-container {
		margin-bottom: 20px;
	}

	.button {
		width: 200px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background-color: #4caf50;
		color: #fff;
		border: none;
		border-radius: 20px;
		font-size: 16px;
	}
</style>